@charset "UTF-8";
/**********变量元素*********/
html {
  /**************html根字体大小**************/
  font-size: 12px; }

/***********这里是页面*********/
.web {
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  .web header {
    /***********头部样式************/ }
  .web section {
    /**********这里是内容样式**********/
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    font-size: 0;
    padding-bottom: 2.91667rem; }
    .web section .search_box {
      margin-top: 1.41667rem;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative; }
      .web section .search_box .yuan {
        width: 4.16667rem;
        height: 4.16667rem;
        background: #b60005;
        border-radius: 50%;
        margin-left: 1rem;
        display: inline-block; }
      .web section .search_box .font {
        font-size: 3.33333rem;
        color: #ffffff;
        position: absolute;
        top: 0.25rem;
        left: 1.5rem; }
      .web section .search_box input {
        width: 44.5rem;
        height: 4.33333rem;
        border: 0.16667rem solid #ffffff;
        color: #ffffff;
        font-size: 2.24083rem;
        background: #1f1f1f;
        border-radius: 4.33333rem;
        float: right;
        line-height: 4.33333rem;
        padding-left: 5.83333rem;
        padding-right: 5.83333rem;
        box-sizing: border-box;
        word-break: break-all;
        margin-left: 1.83333rem; }
      .web section .search_box .search {
        font-size: 2.91667rem;
        color: #ffffff;
        position: absolute;
        top: 0.25rem;
        left: 7.75rem; }
    .web section .border_top {
      width: 50.83333rem;
      border-top: 0.08333rem solid #636363;
      margin: 0 auto;
      margin-top: 1.25rem; }
    .web section .section_top {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
      .web section .section_top .img {
        margin-top: 2.5rem;
        position: relative;
        border-radius: 50%; }
        .web section .section_top .img img {
          width: 11rem;
          height: 11.08333rem;
          border-radius: 50%;
          display: inline-block; }
        .web section .section_top .img .yuan {
          position: absolute;
          top: 0;
          right: 20.83333rem;
          width: 2.91667rem;
          height: 2.91667rem;
          background: #ff0000;
          border-radius: 50%; }
          .web section .section_top .img .yuan span {
            color: #ffffff;
            font-size: 1.72417rem;
            margin-top: 0.16667rem;
            display: block; }
      .web section .section_top .mingzi {
        color: #ffffff;
        font-size: 2.07167rem;
        margin-top: 1.25rem;
        display: inline-block;
        margin-left: -8.08333rem; }
      .web section .section_top .personal_center {
        width: 7.75rem;
        height: 1.83333rem;
        border: 0.08333rem solid #d9d9d9;
        line-height: 1.83333rem;
        padding-right: 0.5rem;
        position: relative;
        display: inline-block;
        margin-right: 18.5rem;
        margin-top: -2.25rem; }
        .web section .section_top .personal_center span {
          color: #ffffff;
          font-size: 1.18333rem; }
        .web section .section_top .personal_center .copy {
          font-size: 2rem;
          position: absolute;
          top: 0.08333rem;
          right: 0.25rem;
          color: #5c5c5c; }
      .web section .section_top .four {
        color: #eeca02;
        font-size: 2rem;
        margin-top: 0.66667rem;
        display: inline-block;
        letter-spacing: 0.83333rem; }
      .web section .section_top .xing {
        margin-left: 1.08333rem; }
      .web section .section_top .attention {
        margin-top: 0.83333rem; }
        .web section .section_top .attention span:nth-child(1) {
          color: #FFFFFF;
          font-size: 1.92333rem;
          margin-left: 1.25rem; }
        .web section .section_top .attention span:nth-child(2) {
          color: #a40409;
          font-size: 1.92333rem; }
        .web section .section_top .attention span:nth-child(3) {
          color: #FFFFFF;
          font-size: 1.92333rem; }
        .web section .section_top .attention span:nth-child(4) {
          color: #b60005;
          font-size: 1.92333rem; }
      .web section .section_top .collect {
        margin-top: 1.75rem;
        margin-left: 7.5rem;
        margin-right: 1.66667rem; }
        .web section .section_top .collect a {
          display: inline-block;
          text-decoration: none;
          width: 18.33333rem;
          height: 4.41667rem;
          background: #b60005;
          border-radius: 4.41667rem;
          font-size: 1.92333rem;
          color: #ffffff;
          text-align: center;
          line-height: 4.41667rem; }
          .web section .section_top .collect a:active {
            color: red; }
      .web section .section_top .issue {
        margin-left: 0;
        margin-right: 0; }
        .web section .section_top .issue a {
          color: #ffffff;
          background: #cdcdcd; }
      .web section .section_top .tiao {
        width: 100%;
        height: 1.91667rem;
        background: #303030;
        margin-top: 1.66667rem;
        opacity: 0.3; }
    .web section .section_bot {
      width: 90.31%;
      height: 100%;
      display: block;
      margin: 0 auto; }
      .web section .section_bot .gimc a {
        display: inline-block;
        width: 100%;
        height: 7.58333rem; }
        .web section .section_bot .gimc a span {
          color: #656565;
          font-size: 1.92333rem;
          margin-top: 3.75rem;
          display: inline-block; }
        .web section .section_bot .gimc a .copy {
          color: #656565;
          font-size: 3.33333rem;
          float: right;
          margin-top: 3.08333rem; }
      .web section .section_bot .xian_top {
        border-top: 0.08333rem solid #7c7979;
        width: 100%; }
      .web section .section_bot .xian_bot {
        border-bottom: 0.08333rem solid #7c7979;
        width: 100%; }
    .web section .bianxian {
      margin: 0 auto;
      text-align: center; }
      .web section .bianxian .jieshao {
        color: #FFFFFF;
        font-size: 1.77583rem;
        margin-top: 2.16667rem;
        text-align: center; }
      .web section .bianxian .bian {
        border: 0.08333rem solid #7c7979;
        width: 35.83333rem;
        margin-top: 2.16667rem;
        display: inline-block;
        opacity: 0.5; }
    .web section .gimc a {
      display: inline-block;
      width: 100%;
      height: 6.83333rem; }
      .web section .gimc a span {
        color: #ffffff;
        font-size: 2rem;
        margin-top: 3.41667rem;
        display: inline-block; }
      .web section .gimc a .copy {
        color: #ffffff;
        font-size: 2rem;
        float: right;
        margin-top: 3.41667rem; }
    .web section .xian {
      border-top: 0.08333rem solid #7c7979;
      width: 100%;
      margin-top: 2.08333rem; }
    .web section .button {
      text-align: center;
      margin-top: 2.33333rem; }
      .web section .button input {
        width: 15rem;
        height: 4.41667rem;
        background: #b60005;
        border-radius: 4.41667rem;
        font-size: 1.92333rem;
        color: #ffffff;
        line-height: 4.41667rem; }
        .web section .button input:active {
          color: red; }
  .web footer {
    /*************这里是尾部样式*************/ }
